<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>UH Dorm Energy Competition: Home</title>
  <yui:stylesheet dir="reset-fonts-grids" file="reset-fonts-grids.css"/>
  <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"/>
  <modalbox:modalIncludes/>
  <gui:resources components="['menu']"/>
</head>
<body class="yui-skin-sam">
<div id="doc4" class="yui-t7">

  <div id="hd" role="banner"><h2><img class="uhlogo" src="/uhdormenergy/images/uhdormlogo.gif"/> UH Dorm Energy Competition</h2></div>
  <g:isLoggedIn>
    <g:link controller="logout"><p class="login">>>Logout</p></g:link>
  </g:isLoggedIn>
  <g:isNotLoggedIn>
    <g:link controller="login"><p class="login">>>Login</p></g:link>
  </g:isNotLoggedIn>
  <gui:menubar id='myInnerMenubar3' renderTo='innerMenu3'>
    <gui:menuitem url='/uhdormenergy/home'>Home</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/resources'>Resources</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/energyData'>Energy Data</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/kukuiCup'>Kukui Cup</gui:menuitem>
    <gui:menuitem url='/uhdormenergy/about'>About</gui:menuitem>
    <gui:menuitem url="/uhdormenergy/myPage">My Page</gui:menuitem>
  </gui:menubar>

  <br>
  <div id="bd" role="main">
    <div class="yui-gb">
      <div class="yui-u first">
        <div class="outerbox">

          <g:each in="${columnOne}" status="i" var="colOne">

            <div class="middlebox">
              <p class="profileText">${colOne.title}</p>
              <div class="innerbox">
                <div class="contentbox">
                  ${colOne.content}
                </div> <%-- end contentbox div--%>
              </div> <%-- end innerbox div --%>
            </div> <%-- end middlebox div--%>
          </g:each>

        </div> <%-- end outerbox div--%>
      <!-- YOUR DATA GOES HERE -->
      </div>
      <div class="yui-u">
        <div class="outerbox">
          <g:each in="${columnTwo}" status="i" var="colTwo">

            <div class="middlebox">
              <p class="profileText">${colTwo.title}</p>
              <div class="innerbox">
                <div class="contentbox">
                  ${colTwo.content}
                </div> <%-- end contentbox div--%>
              </div> <%-- end innerbox div --%>
            </div> <%-- end middlebox div--%>
          </g:each>
        </div> <%-- end outerbox div--%>
      <!-- YOUR DATA GOES HERE -->
      </div>
      <div class="yui-u">
        <div class="outerbox">
          <g:each in="${columnThree}" status="i" var="colThree">

            <div class="middlebox">
              <p class="profileText">${colThree.title}</p>
              <div class="innerbox">
                <div class="contentbox">
                  ${colThree.content}
                </div> <%-- end contentbox div--%>
              </div> <%-- end innerbox div --%>
            </div> <%-- end middlebox div--%>
          </g:each>
        </div> <%-- end outerbox div--%>
      <!-- YOUR DATA GOES HERE -->
      </div>
    </div>
  </div>
  <div id="ft" role="contentinfo"></div>
</div>
</body>
</html>



